@charset "utf-8";
/*============================================================
Mr TuanPhong (info@vietstylish.net)
Ver:12-2008
Support: IE6, IE7, FF2, FF3, Opera 9.62, Chrome 1.0.154.36
============================================================*/

/* ======================================================================
hien thi cac box dung chung : Header + Footer + Main + cac box dung nhieu
========================================================================*/

/*----------------------------------- 
----------------Header -------------
------------------------------------*/
.hdrWrap	{ background:url(../images/hdrWrap.jpg) repeat-x;}
.hdr		{ padding-top:17px;width:960px;margin:0 auto;}
a.logo,
a:visited.logo { float:left;margin-right:20px; width:134px; height:32px; background:url("../images/logo.gif") 0 0 no-repeat;}
a:hover.logo {background:url("../images/logo.gif") 0px -32px;}
a.logo img { width:100%; height:100%;}


/* Hien thi trang thai' nguoi dang nhap */
.personal	{ float:left;color:#A0A9A5;height:22px;line-height:22px;font-size:11px;}
.persText	{ float:left;margin-right:10px;display:block;}
.persName { float:left;padding-left:13px;margin-right:10px;background:url(../images/icons/icon_persName.jpg) no-repeat left 3px;}
.persName span a	{ 
	float:left;
	padding-right:10px;
	background:url(../images/icons/icon_Expand.jpg) no-repeat right 10px;
	text-decoration:none;
	color:#D6DED4;
	font-weight:bold;
	font-size:12px;
}
.persName span a:hover	{ text-decoration:underline;}
.personal .persOut		{ float:left;text-decoration:underline;color:#A0A9A5;font-size:11px;}
.personal .persOut:hover{ text-decoration:none;}


/* Hien thi box search thuoc header*/
.hdr .search			{ float:right;height:22px;line-height:22px;}
.hdr .search .searchText{ 
	margin-right:10px;
	padding-right:10px;
	background:url(../images/icons/icon_Expand.jpg) no-repeat right 10px;
	color:#D6DED4;
	font-weight:bold;
	float:left;
}
.hdr .search .searchText:hover{	text-decoration:underline;}
.hdr .search input{
	float:left;
	padding:3px 0px 0px 5px;
	width:148px;
	height:19px;
	background:url(../images/searchHdrInput.jpg) no-repeat;
	color:#333;
	font-style:italic;
	border:none;
}


/* Hien thi login thuoc header */
.hdrBottom			{ margin-top:14px;clear:both;}
.hdrBottom .login	{ float:right;height:26px;}
.hdrBottom .login a	{ color:#D9E3D7;font-weight:bold;}
.hdrBottom .login a:hover{ text-decoration:underline;}
.hdrBottom .login span{ padding:0px 5px 0px 5px;color:#5B6C63;line-height:24px;}
.hdrBottom .mainNavRight	{ float:right;height:26px;padding:0 7px;}
.hdrBottom .mainNavRight a	{ color:#D9E3D7;font-weight:bold;line-height:24px;}
.hdrBottom .mainNavRight a:hover{ text-decoration:underline;}
.hdrBottom .mainNavRightS	{ float:right;height:26px;padding:0 7px;background:url(../images/navItemS.jpg) repeat-x !important;color:#FFF;}
.hdrBottom .mainNavRightS a	{ color:#D9E3D7;font-weight:bold;line-height:24px;}
.hdrBottom .mainNavRightS a:hover{ text-decoration:underline;}

/* hien thi Navigation chinh' cua header */
.mainNav	{height:26px;margin:0;padding:0;}
.mainNav a  { color:#D9E3D7;}
.mainNav a:hover{ color:#D9E3D7;text-decoration:underline;}
.mainNav .itemS	{ font-weight:bold;	background:url(../images/navItemS.jpg) repeat-x !important;color:#FFF;}
.mainNav .itemS span { color:#FFF;}
.mainNav .itemMore	{ 
	float:left;
	margin-right:5px;
	padding-right:10px;
	background:url(../images/icons/icon_Expand.jpg) no-repeat right 10px;
	color:#D6DED4;
	text-decoration:none;
}
.mainNav .itemMore:hover{ text-decoration:underline;}
.mainNav li{
	float:left;
	height:26px;
	line-height:24px;
	margin:0;
	padding:0px 14px 0px 12px;
	background:url(../images/navSplit.jpg) no-repeat right;
	list-style-type:none;
}
.mainNav .last{
	background:none !important;
}
.subNav{ height:24px;line-height:24px;font-weight:bold;padding-left:10px;z-index:99;}
.subNav a,
.subNav span{ padding:0 12px 0 12px;}
.subNav a.selected { font-weight:bold; color:#95772e;}
.subNav a:hover,
.subNav a.active {color:#95772e; text-decoration:underline;}



/*Submenu for navigator, web , person:--------------------*/
#navPlus 	{margin:26px 0px 0px -16px; width:100px;}
#persPlus 	{margin:18px 0px 0px -1px; width:140px;}
#webPlus 	{margin:22px 0px 0px -2px; width:100px;}

/*-------------------------------------
Hien thi menu tha xuong tu trang chu
-------------------------------------*/
.tt_ddmenu {
	position:absolute; 	
	border:1px solid #5b6c64;		
	visibility:hidden;
	z-index:99;
}
.tt_ddmenu a, 
.tt_ddmenu a:visited, 
.tt_ddmenu a:active {
	float:none;
	display:block; 		
	line-height:normal;
	padding:4px 10px;
	background:none !important;
	border-bottom:1px solid #5b6c62;
	color:#CCC;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	background-color:#4e5f55 !important;
}
.tt_ddmenu a:hover {
	color:#FFF;
	text-decoration:none !important;
	background-color:#3c4d45 !important;
	
}


/*----------------------------------- 
---------------- Footer -------------
------------------------------------*/
.footerWrap{ clear:both;height:69px;background:url(../images/bottomWrap.jpg) repeat-x;}
.footer{ width:960px;margin:0 auto;padding-top:15px;text-align:center;}
.footerLink{ clear:both;color:#3B5A4A;}
.footerLink a{ font-weight:bold;}
.footerLink span{ padding:0px 5px 0px 5px;}
.copyRight	{ padding-top:7px;color:#545454;font-size:11px;}


/*----------------------------------- 
---------------- Main -------------
------------------------------------*/
.body{ clear:both;width:960px;margin:0 auto;padding-top:10px;}


/*Hien thi tieu de cac' box:*/
.boxName{ float:left;height:23px;margin-top:3px;}
.boxName img{ float:left;margin-right:5px;display:block;}
.boxName a,.boxName span{ float:left;line-height:27px;color:#414D4C;font-size:14px;font-weight:bold;}
.boxName a:hover{ color:#414D4C;}


/* ======= */
.boxTop{ clear:both;height:30px;background:url(../images/boxTopBg.jpg) repeat-x;}
.boxTopLeft{ clear:both;height:30px;padding-left:10px;background:url(../images/boxTopLeft.jpg) no-repeat;display:block;}
.boxTopRight{ clear:both;height:30px;padding-right:10px;background:url(../images/boxTopRight.jpg) no-repeat right;display:block;}
/* ======= */
.boxBottom{
	clear:both;
	height:5px;
	line-height:5px;
	font-size:0px;
	background:url(../images/boxBottom.jpg) repeat-x bottom;
}
.boxBottom span{
	clear:both;
	height:5px;
	line-height:5px;
	font-size:0px;
	display:block;
	background:url(../images/boxBottomLeft.jpg) no-repeat bottom left;
}
.boxBottom b{
	clear:both;
	height:5px;
	line-height:5px;
	font-size:0px;
	display:block;
	background:url(../images/boxBottomRight.jpg) no-repeat bottom right;
}
/* ======= */
.boxBody{
	border-left:1px solid #C2CEBF;  
	border-right:1px solid #C2CEBF;  
	background-color:#F5F9F0;
}
/* ======= */
.boxRightContent{
	clear:both;
	padding:18px 10px 12px 10px;
}
/* ======= */
.tab{ height:25px;padding:5px 0px 0px 0px;}
.tabItem{ float:left;display:block;height:25px;margin-right:2px;background:url(../images/tabItem.jpg) repeat-x;}
.tabItem span{
	float:left;
	display:block;
	height:25px;
	padding:0px 0px 0px 20px;
	background:url(../images/tabItemLeft.jpg) no-repeat top left;
}
.tabItem a{
	float:left;
	display:block;
	height:25px;
	line-height:25px;
	padding:0px 20px 0px 0px;
	background:url(../images/tabItemRight.jpg) no-repeat top right;
	color:#5D7B6C;
	font-weight:bold;
}
.tabItem a:hover{ color:#5D7B6C;}
.tabItemS{ float:left;display:block;height:25px;margin-right:2px;background:url(../images/tabItemS.jpg) repeat-x;}
.tabItemS span{
	float:left;
	display:block;
	height:25px;
	padding:0px 0px 0px 20px;
	background:url(../images/tabItemSLeft.jpg) no-repeat top left;
}
.tabItemS a{
	float:left;
	display:block;
	height:25px;
	line-height:25px;
	padding:0px 20px 0px 0px;
	background:url(../images/tabItemSRight.jpg) no-repeat top right;
	color:#3B5A4A;
	font-weight:bold;
}
.tabItemS a:hover{ color:#5D7B6C;}
/* ======= */
.pageViewWrap{
	background:#E9EEE3;
	padding:8px 0 8px 0;
	clear:both;
}
.pageViewWrap .count{text-align:center;color:#656565;line-height:25px;}
.pageView{
	font-weight:bold;
}
.pageView a{
	height:20px;
	line-height:20px;
	color:#3B4949;
	border:1px solid #3B4949;
	padding:2px 5px 2px 5px;
	background:#FFF;
}
.pageView a:hover{
	height:20px;
	color:#FFF;
	background:#3B4949;
}
.pageView .itemS{
	height:20px;
	line-height:20px;
	color:#FFF;
	background:#3B4949;
	border:1px solid #3B4949;
	padding:2px 5px 2px 5px;
}
.pageView span{
	height:20px;
	padding:9px 5px 0px 5px;
}
/* ======= */
.menu{
	padding:8px 0 0 12px;
}
.menu .item-lv01{
	display:block;
	padding:7px 0px 7px 19px;
	background:url(../images/icons/bullet_menuItemLv01.jpg) no-repeat left 8px;
	font-weight:bold;
}
.menu .item-lv02{
	display:block;
	padding:4px 0px 4px 10px;
	background:url(../images/icons/bullet_Blog.gif) no-repeat left 9px;
}
.menu .item-lv03{
	display:block;
	padding:3px 0px 3px 8px;
	background:url(../images/icons/bullet_menuItemLv03.jpg) no-repeat left 10px;
}
.menu .indent{
	padding-left:10px;
}



/*Hien thi cac nut:*/
.buttonUp	{ float:left;display:block;height:17px;margin-right:3px;background:url(../images/buttons/buttonUp.jpg) repeat-x;}
.buttonUp span{ 
	float:left;
	display:block;
	height:17px;
	padding-left:10px;
	background:url(../images/buttons/buttonUpLeft.jpg) no-repeat;
}
.buttonUp a{ 
	float:left;
	display:block;
	height:17px;
	line-height:17px;
	padding-right:10px;
	background:url(../images/buttons/buttonUpRight.jpg) no-repeat right;
	color:#F1F4E3;
}
.buttonUp a:hover{
	color:#000;
}
.buttonNext{ float:left;display:block;height:17px;background:url(../images/buttons/buttonNext.jpg) repeat-x;}
.buttonNext span{
	float:left;
	display:block;
	height:17px;
	padding-left:10px;
	background:url(../images/buttons/buttonNextLeft.jpg) no-repeat;
}
.buttonNext a{
	float:left;
	display:block;
	height:17px;
	line-height:17px;
	padding-right:20px;
	background:url(../images/buttons/buttonNextRight.jpg) no-repeat right;
	color:#3B4A4A;
}
.buttonNext a:hover{color:#FFF;}


*fix 15/10/09 , them phan comment ================*/
.comment{}
.comment .textarea02{
    width:98%;
    height:110px;
    background-color:#FFF;
    margin-bottom:5px;
}
.comment .title{
    height:25px;
    background:url(../images/video-comment-title.jpg) repeat-x;
    padding-top:4px;
    font-size:14px;
    font-weight:bold;
    color:#414D4C;
}
.comment .title img{
    margin-right:5px;
}
.comment .count{
    display:block;
    float:right;
    padding:5px 0 5px 0;
}
.comment .icon{
    display:block;
}
.comment .icon img{
    margin:0 5px 3px 0;
}
.del-reply{
    float:right;
    width:17px;
    position:relative;
}
.inputMess02{
    color:#333;    
    padding-bottom:5px;
}
/*
.inputMess02 .text{
    margin:0 25px 0 70px;
}
*/
.inputMess02 .button{
    color:#FFF;
    background-color:#557765;
    border:none;
    padding:2px 15px;
    cursor:pointer;
}
.inputMess03{
    background:#E8EEDF;
    margin:0 0 2px 0;
    padding:5px;
}
/*
.inputMess03 .text{
    font-size:11px;
    margin:0 25px 0 45px;
}
*/
.inputMess04{
    background:#E8EEDF;
    margin:0 0 2px 0;
    padding:5px;
}
.inputMess04 .text02{
    margin-left:45px;
}
.inputMess04 .text02 textarea{
    width:93%;
    height:40px;
    overflow:hidden;
}
.inputMess04 .text02 textarea:hover{
    background:#FFF;
    border:1px solid #999;
}
.inputMess05{
    background:#E8EEDF;
    padding:1%;
    margin-bottom:2px;
}
.inputMess05 .inputText{
    border:1px solid #CCC;
    width:95%;
    font-size:11px;
    padding:3px;
    color:#666;
    font-style:italic;
}
.btn_close{
    width:17px;
    height:17px;
    background:url(../images/icons/icon_close.gif) no-repeat left 1px;
    display:block;
}
.btn_close_hover{
    width:17px;
    height:17px;
    background:url(../images/icons/icon_close.gif) no-repeat 0 -16px;
}
.buttonAll{
    background:#557765;
    color:#FFF;
    width:60px;
    border-color:#D6DED4 #183627 #183627 #D6DED4;
    border-width:1px;
    border-style:solid;
    position:relative;
}
.inputTime{
    font-size:11px;
    padding-top:3px;
    float:left;
    position:relative;
}
.phanHoi{
    display:block;
    padding-top:3px;
    font-size:11px;
    float:right;
    color:#D49508;
}
.phanHoi:hover{
    text-decoration:underline;
}
.commentWrap-lv2{
    margin:0 0 10px 20px;
}
.detail-button{
    width:100px;
    height:24px;
    line-height:24px;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    background:url(../images/buttons/video-detail-button.jpg);
    border:none;
    cursor:pointer;
}


/** 22 December, 2009 **/
.alert{padding:10px 0;}
.alert a{text-decoration:underline;}
.alert-1{
    background:#edfcde url(../images/icons/alert1.png) no-repeat scroll 5px 6px;    
    border:1px solid #a3c897;
    margin:10px;
    padding:10px 10px 10px 35px;
    color:#336633;
}
.alert-2{
    background:#fdf8da url(../images/icons/alert2.png) no-repeat scroll 5px 6px;
    border:1px solid #e1ba6a;
    margin:10px;
    padding:10px 10px 10px 35px;
    color:#7f5031;
}
.alert-3{
    background:#fddeda url(../images/icons/alert3.png) no-repeat scroll 5px 6px;            
    border:1px solid #cc7a79;    
    margin:10px;
    padding:10px 10px 10px 35px;
    color:#6c382a;
}
.alert-4{
    background:#e3f4fe url(../images/icons/alert4.png) no-repeat scroll 5px 6px;            
    border:1px solid #a8c2d6;    
    margin:10px;
    padding:10px 10px 10px 35px;
    color:#204f73;
}
/*==========
Start : fix date 25/12/09 : update button 
==========*/
.buttonUp_02  { float:left;display:block;height:17px;margin-right:3px;}
.buttonUp_02 span{ 
  float:left;
  display:block;
  height:17px;
  padding-left:1px;
  background:url(../images/buttons/buttonUpLeft.jpg) no-repeat;
}
.buttonUp_02 em{ 
  float:left;
  display:block;
  height:17px;
  padding-right:1px;
  background:url(../images/buttons/buttonUpRight.jpg) no-repeat right;
  color:#F1F4E3;
}
.buttonUp_02 input{
  display:block;
  background:url(../images/buttons/buttonUp.jpg) repeat-x;
  border:none;
  height:17px;
  line-height:17px;
  color:#FFF;
  cursor:pointer;
}
.buttonUp_02 input:hover {
  color:#000;
}

.buttonNext_02{ float:left;display:block;height:17px;}
.buttonNext_02 span{
  float:left;
  display:block;
  height:17px;
  padding-left:1px;
  background:url(../images/buttons/buttonNextLeft.jpg) no-repeat;
}
.buttonNext_02 em{
  float:left;
  display:block;
  height:17px;
  line-height:17px;
  padding-right:1px;
  background:url(../images/buttons/buttonNextRight.jpg) no-repeat right;
}
.buttonNext_02 input{
  display:block;
  background:url(../images/buttons/buttonNext.jpg) repeat-x;
  border:none;
  height:17px;
  line-height:17px;
  color:#3B4A4A;
  cursor:pointer;
}
.buttonNext_02 input:hover{color:#FFF;}

.button-large{ float:left;display:block;height:24px;}
.button-large span{
  float:left;
  display:block;
  height:24px;
  padding-left:4px;
  background:url(../images/buttons/video-detail-button.jpg) no-repeat;
}
.button-large em{
  float:left;
  display:block;
  height:24px;
  padding-right:4px;
  background:url(../images/buttons/video-detail-button.jpg) no-repeat right;
}
.button-large input{
  display:block;
  background:url(../images/buttons/video-detail-button-bg.jpg) repeat-x;
  border:none;
  height:24px;
  line-height:17px;
  color:#FFF;
  cursor:pointer;
}
.button-large  input:hover{color:#000;}

/*==========
End : fix date 25/12/09 : update button 
==========*/
